<template>
  <div class="left-container">
    <search-nav @switchTab="switchTab"></search-nav>
    <coordinate></coordinate>
  </div>
</template>

<script>
import SearchNav from './SearchNav.vue';
import Coordinate from './Coordinate.vue';

export default {
  name: 'LeftContainer',
  components: {
    SearchNav,
    Coordinate
  },
  data() {
    return {
      activeIndex: 0
    };
  },
  methods: {
    switchTab(index) {
      this.activeIndex = index;
    }
  }
};
</script>

<style lang="less" scoped>
  .left-container {
    padding: 20px;
    background-color: #fff;
    box-shadow: 2px 2px 5px hsla(0,0%,57.6%,.3);
    border-radius: 10px;
  }
</style>
